<template>
  <BorderBox
    :title="title"
    :headerBottom="false"
    :wrapperStyle="{
      width: 'calc((100% - 32px) / 3)',
      height: '170px',
    }"
    :styleText="{ height: '75%' }"
  >
    <template #main_info>
      <div class="main_info_l flex_between_aligncenter">
        <div>
          <!-- <systemType type="windows" content="-----" />
          <p class="used" style="padding-top: 16px;">操作系统</p> -->
          <p>---</p>
          <p class="used">操作系统</p>
        </div>
        <div>
          <p>{{info?.runtime || '-'}}天</p>
          <p class="used">天数</p>
        </div>
      </div>
    </template>
  </BorderBox>
</template>

<script setup>
import { ref, defineEmits, defineExpose } from "vue";
import systemType from "common/systemType.vue";
const props = defineProps({
  info: {
    type: Object,
    default: {},
  },
});
const emits = defineEmits(["handleSubmit"]);
defineExpose({});
</script>

<style lang="scss" scoped>
.main_info_l {
  font-size: 18px;
  width: 100%;
  height: 100%;
  padding: 0 64px;
  .used {
    font-size: 14px;
    color: #011948;
    padding-top: 32px;
  }
}
</style>
